// 管理用户数据相关
import { ref } from 'vue'
import { defineStore } from 'pinia'
import { getCategoryAPI } from '@/apis/layout'
import { findLoginAPI } from '@/apis/user.js'
import { useCartStore } from '@/stores/cartStore.js'
import { findMergeCartAPI } from '@/apis/cart.js'

export const useUserStore = defineStore('user', () => {
  // 1.定义管理用户数据的 state
  const userInfo = ref({})
  const cartStore = useCartStore()
  // 2.定义获取接口数据的 action 方法
  const getUserInfo = async ({account,password}) => {
    const res = await findLoginAPI({account,password})
    // console.log('用户数据',res)
    userInfo.value = res.result
    // 合并购物车
    await findMergeCartAPI(
      cartStore.cartList.map((item) => {
        return {
          skuId: item.skuId,
          selected: item.selected,
          count: item.count
        }
      })
    )
    await cartStore.updateNewList()
  }
  
  // 退出登录时清除用户信息
  const clearUserInfo = () => {
    // console.log('退出登录清除了用户数据')
    userInfo.value = {}
    cartStore.clearCart()
  }
  
  // 3.以对象的格式把state和action return
  return {
    userInfo,
    getUserInfo,
    clearUserInfo
  }
},{
  persist: true // 开启当前模块的持久化
})
